/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 20, 2014, 2:30:33 PM
    Author     : iivanov
*/

/*reset*/
html, body, header, nav, h1, h2, h3, ul, li{
    padding: 0;
    margin: 0;
}
@import 'mixin.less';

html, body {
    height: 100%;
    background-color: rgb(241,241,241);
}

/* test border */
.content_wrapper {
    background-color: rgb(251,251,251);
    border: 1px solid rgb(231,231,231);
}


// NAVIGATION

#navigation{
    background-color: #70BDE9;
    box-shadow: 0 2px 2px rgb(18, 131, 167);
    
    ul{
        display: inline;
        background-color: #70BDE9;        
        
        li{
            display: inline-block;
            width: 19.5%;
            margin: 0;
            text-align: center;
            background-color: #70BDE9;
            border-right: 1px solid rgb(230,230,230);
            
            
            a{
                display: block;
                padding: 1.5em 0;
                font-size: 1.4em;
                text-decoration: none;
                color: white;
                font-family: 'Lora', serif;
            }
        }
        li:last-child{
            border-right: none;
        }
        
        li:hover{
            background-color: rgba(200,200,200, .5);
        }
        li.active{
            background-color: rgba(230,230,230, .5);
        }
            
        
    }
    
    
}


// CONTENT

.content_wrapper{
    position: relative;
    padding: 30px 0;
    color: rgb(75,75,75);
    top: -20px;
    
    .inner_content{
        width: 90%;
        margin: 0 auto;
        background-color: rgb(244, 244, 244);
    }
        
    .content_heading{
        font-size: 2.2em;
        margin: 1em 3em;
        font-family: 'Indie Flower', cursive;
        font-family: 'Josefin Sans', sans-serif;
    }
    .content_subheading{
        font-size: 1.5em;
        margin: 1em 3.6em;
        font-family: 'Indie Flower', cursive;
        font-family: 'Josefin Sans', sans-serif;
    }
    
    
    // Subheading message colors
    .subheading-color-alert{
        color: red;
    }
    .subheading-color-warning{
        color: orange;
    }
    .subheading-color-success{
        color: green;
    }
    
    .content_list{
        position: relative; // needed for li position absolute;
        font-family: 'Indie Flower', cursive;
        font-family: 'Josefin Sans', sans-serif;
        font-size: 1.5em;
        margin: 1em 5em;
        
        li{
            padding-left: 1em;            
            line-height: 2em;        
        }
        
    }
    .style-decimal{
        list-style-type: decimal;
    }
    .style-nostyle{
        list-style-type: none;
    }
}


// resourse: http://nicolasgallagher.com/pure-css-gui-icons/demo/#non

.success-alt:before {
    width: 6px;
    height: 17px;
    border-width: 0 3px 6px 0;
    border-style: solid;
    border-color: #7F913C;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 3px;
}
li.success-alt:before, li.success-alt:after{
    content: "";
    position: absolute;
    left: 0;
    margin-top: 11px;
}